<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form wave</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="container">
        <form>
            <h1>please login</h1>
            <div class="form-control">
                <input type="text" required>
                <label data-value="Email">
                    <!-- <span style="transition-delay: 0ms;">E</span>
                    <span style="transition-delay: 50ms;">m</span>
                    <span style="transition-delay: 100ms;">a</span>
                    <span style="transition-delay: 150ms;">i</span>
                    <span style="transition-delay: 200ms;">l</span> -->
                </label>
            </div>
            <div class="form-control">
                <input type="password" required>
                <label data-value="PassWord"></label>
            </div>
            <div class="form-control">
                <button type="button" class="btn">login</button>
            </div>
            <div class="form-control">
                Don't have an account?
                <a href="/" target="_blank" rel="noopener noreferrer">register</a>
            </div>
        </form>
    </div>
</body>
<script src="./script.js"></script>
</html>